<template>
  <el-container style="width:100%">
    <el-aside style="width: 200px;margin-top: 20px;float:left">

      <SideMenu></SideMenu>

    </el-aside>
    <el-main>

      <WorkDetails class="courses-area"></WorkDetails>

    </el-main>
  </el-container>
</template>

<script>
    import SideMenu from './SideMenu'
    import WorkDetails from './WorkDetails'
    export default {
        name: 'WorkIndex',
        components: {SideMenu,WorkDetails}
    }
</script>

<style scoped>
  .courses-area {
    width: 990px;
  }
</style>
